import BorderBox from '@jiaminghi/data-view-react/es/borderBox7'
import { useInterval } from 'react-use'

const TITLE_1 = '穆棱市全景VR招商系统'
const TITLE_ARR = ['煤矿产业', '乡镇', '林业局', '企业', '教育', '文化', '医疗', '交通']
const HomeHeader = () => {
  const [showTime, setNow] = useState('')
  useInterval(() => {
    setNow(format(new Date(), 'yyyy/MM/dd HH:mm:ss'))
  }, 200)
  return (
    <div className="text-center h-7/100 flex-ac">
      <h1 className="text-4xl w1">{TITLE_1}</h1>
      <ul className="flex-1 gap-2 flex-ac">
        {TITLE_ARR.map((title, idx) => (
          // <li>
          <BorderBox key={idx} className="">
            <div className="px-3 py-2">{title}</div>
          </BorderBox>
          // </li>
        ))}
      </ul>
      <div className="self-start p-4 text-right w1">{showTime} </div>
    </div>
  )
}

export default HomeHeader
